<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>后台登录-研学游后台</title>
    <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
    <meta name="author" content="Vincent Garreau" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{{asset('css/admin/css/login.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('css/admin/css/reset.css')}}" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="{{asset('js/admin/jquery.js')}}"></script>
</head>
<body>

<div id="particles-js">
    <form action="{{url('admin/login')}}" method="post" id="form">
        {{ csrf_field() }}
        <div class="login">
            <div class="login-top">
               研学游后台
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><img src="{{asset('img/admin/name.png')}}"/></div>
                <div class="login-center-input">
                    <input type="text" name="username" value="" autocomplete="off" placeholder="请输入您的账号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'"/>
                    <div class="login-center-input-text">账号</div>
                </div>
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><img src="{{asset('img/admin/password.png')}}"/></div>
                <div class="login-center-input">
                    <input type="password" name="password" value="" autocomplete='new-password' placeholder="请输入您的密码" style="background-color: #FFFFFF!important;" readonly onfocus="this.removeAttribute('readonly');" onblur="this.setAttribute('readonly',true);" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'"/>
                    <div class="login-center-input-text">密码</div>
                </div>
            </div>
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        {{ $error }}
                    @endforeach
                </div>
            @endif
            <div class="login-button">
                <button type="submit" id="btn">登录</button>
            </div>
            <div class="forgot-password">
                <a href="{{url('admin/email')}}">忘记密码</a>
            </div>
        </div>
        <div class="sk-rotating-plane"></div>
    </form>
</div>

<script src="{{asset('js/admin/particles.min.js')}}"></script>

</body>
</html>